  /* resets*/
	html{
		color:#000;
		background:#FFF;
		font-family:Verdana;
		font-size:11px;
	}
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
	table{border-collapse:collapse;border-spacing:0;}
	fieldset,img{border:0;}
	address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
	li{list-style:none;}
	caption,th{text-align:left;}
	h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
	q:before,q:after{content:'';}
	abbr,acronym {border:0;font-variant:normal;}
	/* to preserve line-height and selector appearance */
	sup {vertical-align:text-top;}
	sub {vertical-align:text-bottom;}
	input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
	/*to enable resizing for IE*/
	input,textarea,select{*font-size:100%;}
	/*because legend doesn't inherit in IE */
	legend{color:#000;}
	
	/* end resets*/
	
	/* clearing fix */
	
	.clearfix:after {
	    content: ".";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0;
	}
	
	.clearfix {
	    display: inline-block;
	}
	
	html[xmlns] .clearfix {
	    display: block;
	}
	
	* html .clearfix {
	    height: 1%;
	}	
	/* end clearfix */
	html {
		font-family:Verdana;
		font-size:11px;
		height:900px;
	}
	body{
		font-family: Verdana !important;
		font-size:11px !important;
    height:600px;		
	}
	#homePage{
		display: block;
		margin:0 auto;
		width:500px;
		height:600px;
	}
	#familyPage{
		display: none;
		margin:0 auto;
		width:500px;
		height:600px;
	}
	#h2hPage{
		display: none;
		margin:0 auto;
		width:500px;
		height:600px;
	}
	#logo{
		height: 104px;
		width: 324px;
		text-indent:-50000px;
		margin:0 auto;
		background: transparent url(logo.png) no-repeat left top;
	}
	#gameButtons{
		width:90%;
		margin:0 auto;
	}
	#left_btn{
		float:left;
	}
	#right_btn{
		float:right;
	}	
	a.homeBtn{
		background: transparent url(h_btns.png) no-repeat left top;
		height: 30px;
		width: 154px;		
		text-align: center;
		color: #fdfafa;
		line-height:30px;
		font-weight:bold;		
		font-size:16px;
		cursor:pointer;
		display:block;
	}
	a.homeBtn:hover{
		background: transparent url(h_btns.png) no-repeat 0px -30px;		
	}
	#familyPage{
		background: transparent url(south.jpg) no-repeat top right;
	}
	.page_header{
		height:60px;
		width:100%;		
	}
	.page_header .s_logo{	
		background: transparent url(small_logo.png) no-repeat top left;
		height: 44px;
		width: 77px;
		display:block;
		float:left;
	} 
	.page_header a{
		color:#284c8c;
		font-size:12px;
		text-decoration:underline;
		float:right;
		padding-right:80px;
		line-height: 35px;
		cursor: pointer;
	}
	.page_title{
		color:#457cdb;
		font-size:16px;
		font-weight:bold;
		clear:both;
		padding-left: 23px;
	}
	.page_main{
		width:364px;
		margin:0 auto;
	}
	.page_main .top_banner{
		float:right;
		height:45px; 
		padding-right:7px;
	}	
	.page_main .top_banner .closedBtn{
		background:transparent url(top_btn_close.gif) no-repeat scroll left top;
		color:#FFFFFF;
		cursor:pointer;
		display:block;
		font-size:12px;
		font-weight:bold;
		height:19px;
		line-height:19px;
		position:relative;
		text-align:center;
		top:26px;
		width:116px;
		float:right;
	}
	.page_main .top_banner .openedBtn{
		height: 45px;
		width:116px;
		display:none;
		cursor:pointer;
		background: transparent url(top_btn_open.gif) no-repeat top left;
		text-align:center;
		color:#fff;
		font-size:12px;
		font-weight:bold;
		line-height:19px;	
		float:right;	
	}
	#turn_name, #cost_number{
		color: #284c8c;
		padding-top:3px;
	}
	/*#cost_closed{
		top:24px;
	}
	#turn_closed ,#turn_opened{
		position:relative;
		left:5px;
	}*/
	.game_area{
		clear: both;
		display:block;
	}
	.table_top{
		height:29px;
		width:364px;
		background: transparent url(table_top.gif) no-repeat top left;
	}
	.table_cntr{
		width:364px;
		background: transparent url(table_bg.gif) repeat-y scroll left top;		
	}
	.table_btm{
		height:15px;
		width:364px;
		background: transparent url(table_btm.gif) no-repeat top left;
	}
	.table_wrper{	
		display:block;
		overflow:auto;
		width: 335px;
		margin: 0 auto;
	}
	table.board16x7 {  
	  width: 335px;
	  font-size:12px;
	  text-align:right;
	}	
	td.cellOn {
	  width: 2px;
	  height: 2px;
	  background: yellow;	  
	  text-align: center;
	}	
	td.cellOff {
	  background:transparent url(blue.gif) no-repeat scroll 0 0;
		cursor:pointer;
		height:17px;
		padding-bottom:2px;
		padding-right:2px;
		text-align:center;
		width:18px;
	}
  #new_game{
    color:#fdfafa;
    font-size:12px;
    font-weight:bold;
    cursor:pointer;
    text-align:center;
    float:left; 
    height:30x;
    line-height:30px;
    margin-top:2px;
		margin-left: 12px;
  }    
  #new_game_left{
    float:left;
    padding-left:20px;
    background: transparent url(h_btns.png) no-repeat left 0px;
  }    
  #new_game_right {
    float:left;
    width:20px;
    background: transparent url(h_btns.png) no-repeat right 0px;
  }
  .btm_banner{
		height:45px;
		clear:both;
		display:block;
	}
	.btm_banner a{
		color:#284C8C;
		cursor:pointer;		
		font-size:12px;
		line-height:35px;
		text-decoration:underline;
	}